/* CSS Document */
/*body starts here*/
body{
	margin:0px;
	padding:0px;
	font-family:Tahoma,Arial, Helvetica,sans-serif;
	font-size:14px;
	color:#000;
	background:#021317 url(../images/body.png) center top no-repeat;
	background-attachment:fixed;
	text-align: center;
}
#wrapper{
	width:1000px;
	background-image: url(../images/wrapper.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container{
	background-image: url(../images/wrapper.png);
	background-repeat: no-repeat;
}
.clear{clear:both;margin:0px;padding:0px;}
a{
	color:#600;
	text-decoration:underline;
}
a:hover{
	color: #000;
}
/*body ends here*/

/*headerzone starts here*/
#headerzone{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#logo{float:left; padding:72px 0px 0px 77px;}
.slogen{padding:72px 0px 0px 80px; float:left;}
/*headerzone ends here*/

/*menuzone starts here*/
#menu{
	height:75px;
	padding:0px 0px 0px 50px;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
}
#menu ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/menu_border2.png) no-repeat;}
#menu li{
	margin:0px;
	display:block;
	float:left;
	background:url(../images/menu_border.png) right  no-repeat;
	list-style:none;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 23px;
	padding-right: 0px;
	padding-bottom: 29px;
	padding-left: 0px;
	color: #630d0d;
}
#menu li a{color:#fff; font-size:18px; text-decoration:none; background:url(../images/menu_path.gif) 20px 5px no-repeat; 
           padding:0px 28px 0px 46px;margin:0px 0px 0px 0px;}
#menu li a:hover{
	text-decoration:underline;
	text-align: left;
	color: #640B0D;
}
/*menuzone ends here*/

/*primary_container starts here*/
.primary_container{padding:65px 73px 50px 84px;}
.welcome_text{
	color:#fff;
	font-size:14px;
	padding:0px 0px 5px 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
}
.primary_text{
	color:#FFFFFF;
	font-size:14px;
	line-height:25px;
	text-align: center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.white_bold_text{
	font-size:36px;
}
/*primary_container ends here*/

/*links_container starts here*/
.links_container{background:url(../images/contaent_bg.png) repeat-y; padding:30px 103px 79px 86px;}
.link_box1{width:266px; float:left;}
.link_box1 ul{padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; list-style:disc; color:#65D4F4;}
.link_box1 li{padding:0px 0px 5px 0px; margin:0px 0px 0px 0px;}
.link_box1 li a{color:#65D4F4; text-decoration:underline; font-size:16px;}
.link_box1 li a:hover{text-decoration:none;}
.link_box2{width:276px; float:left; color:#FFFFFF; font-size:12px;}
/*links_container ends here*/

/*secondary_container starts here*/
.secondary_container{
	padding:48px 75px 57px 84px;
	color: #C1BCA9;
}
.pic1{float:left; padding:20px 0px 0px 0px;}
.secondary_text{
	font-size:16px;
	line-height:25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/webtreats_blue_creme_pattern_87.jpg);
}
/*secondary_container ends here*/

/*footer starts here*/
#footer{width:1000px; background:url(../images/footer_bg.png) repeat-x;}
.footermenu{
	margin:0px;
	float:left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 21px;
	padding-left: 0px;
	color: #000;
}
.footermenu ul{padding:2px 0px 0px 101px;margin:0px 0px 0px 0px;}
.footermenu li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:inline;list-style:none;}
.footermenu li a{padding:0px 7px 0px 6px;color:#65D4F4;text-decoration:underline;font-size:11px; font-weight:bold;}
.footermenu li a:hover{text-decoration:none;}
.copyright{
	color:#fff;
	float:right;
	font-size:11px;
	height: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.whiteline{color:#65D4F4; font-weight:bold;}
/*footer ends here*/

/* inner pages css start */
h1.inner{font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px;}
h5{font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; padding:0px 0px 5px 0px;	border-bottom:1px dotted #ffffff;	margin:0px 0px 10px 0px;}
h6{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000000;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#ffffff; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #fff; padding-bottom:10px; width: 95%;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */
<div style="height:413px;width:413px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
</div>